<script setup>

</script>

<template>
  <!--黄色虚线边框样式表-->
  <div class="my-[15px]">
    <div class="flex justify-between -mb-[0.9em]">
      <span class="w-[16px] h-[16px] border-[#ffc000] border-t-[3px] border-l-[3px] border-r-0  border-b-0"></span>
      <span class="w-[16px] h-[16px] border-[#ffc000] border-t-[3px] border-r-[3px] border-l-0  border-b-0"></span>
    </div>
    <div class="border-y border-[#ffc000] border-dashed px-[1em] py-[1.5em] leading-[1.75em]">
      <slot />
    </div>
    <div class="flex justify-between -mt-[0.9em]">
      <span class="w-[16px] h-[16px] border-[#ffc000] border-b-[3px] border-l-[3px] border-r-0  border-t-0"></span>
      <span class="w-[16px] h-[16px] border-[#ffc000] border-b-[3px] border-r-[3px] border-l-0  border-t-0"></span>
    </div>
  </div>
</template>

<style scoped>

</style>
